<template>
	<div>
		<!-- 引入 ContentBlock 组件 -->
		<ContentBlock :sections="sections" sourceLink="www.bing.com" sourceText="图片来自互联网"
			:processContent="highlightKeywords" />
	</div>
</template>

<script>
	import ContentBlock from '/pages/celestialGuides/planet/ContentBlock.vue';
	export default {
		components: {
			ContentBlock
		},
		data() {
			return {
				sections: [
					// 将每个段落的内容整理成对象数组
					    {
					        title: '星系：无数恒星的集合',
					        content: '星系是由恒星、行星、气体、尘埃和暗物质等通过引力相互吸引而组成的巨大集合体。它们是宇宙的基本组成部分。下面的图片为哈勃超深场，是截至2006年为止以可见光拍摄的最深远的宇宙影象，显示的是超过130亿年前的情况，估计有10,000个星系。',
							image: 'https://education-cos-1307366133.cos.ap-shanghai.myqcloud.com/广东省科学技术普及志愿者协会/广东省科学技术普及志愿者协会-学生-311/staitc/planet/galaxy/habo.jpg'
						},
					    {
					        title: '星系的类型',
					        content: '螺旋星系：这类星系有一个明亮的中心区域，并且从中心向外延伸出几条旋臂，就像漩涡一样。我们的银河系就是一个螺旋星系。太阳位于其中一个旋臂上。',
							image: 'https://education-cos-1307366133.cos.ap-shanghai.myqcloud.com/广东省科学技术普及志愿者协会/广东省科学技术普及志愿者协会-学生-311/staitc/planet/galaxy/fenlei.jpeg'
					    },
						{
							content: '椭圆星系：这些星系看起来比较圆润或椭圆形，没有明显的旋臂结构。它们通常由老年恒星组成，新恒星形成的活动较少；不规则星系：顾名思义，这些星系没有明确的形状或结构，它们可能是由于与其他星系碰撞或接近造成的。'
						},
					    {
					        title: '银河系和它的邻居',
					        content: '我们所在的银河系是一个巨大的螺旋星系，直径大约为10万光年（光年是指光在一年中能走的距离）。这意味着即使以光速旅行，穿越整个银河系也需要10万年的时间！银河系估计包含了约1000亿到4000亿颗恒星，以及大量的行星系统。',
					    },
					    {
					        content: '仙女座星系（M31）：这是离我们最近的大星系，也是另一个螺旋星系。它距离地球大约250万光年远，是我们未来几十亿年内可能与之相撞的星系之一；大麦哲伦云和小麦哲伦云：这两个是比较小的不规则星系，它们实际上是银河系的卫星星系，意味着它们被银河系的引力所束缚，绕着银河系旋转。',
							image: 'https://education-cos-1307366133.cos.ap-shanghai.myqcloud.com/广东省科学技术普及志愿者协会/广东省科学技术普及志愿者协会-学生-311/staitc/planet/galaxy/weizhi.jpeg'
						},
						{
						    title: '星系之间的关系',
						    content: '星系不是孤立存在的，它们常常成群结队地出现，形成星系团或者超星系团。例如，我们的银河系属于“本星系群”，这个星系群里还有其他大约50个星系。而更大的尺度上，许多星系团又组成了所谓的“纤维状结构”或“网状结构”，构成了我们所知的最大尺度的宇宙结构。',
							image:'https://education-cos-1307366133.cos.ap-shanghai.myqcloud.com/广东省科学技术普及志愿者协会/广东省科学技术普及志愿者协会-学生-311/staitc/planet/galaxy/guanxi.jpg'
						}
				]
			};
		},
		methods: {
			highlightKeywords(content) {
				const keywords = ['螺旋星系', '椭圆星系', '红超巨星', '超新星', '中子星', '“潮汐瓦解事件”'];
				const keywordPattern = new RegExp(`(${keywords.join('|')})`, 'g');
				return content.replace(keywordPattern, '<span style="color: #1eadea;">$1</span>');
			}
		}
	};
</script>
